<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j">
    <a4j:form id="frmFichaDatosPersonales">


        <rich:panel id="panFicha" header="Fichas" rendered="true">
		<h:panelGrid id="pnlEntFicha" columns="2" styleClass="gridhello" columnClasses="gridhellocolumn">

                    <h:outputText value="" />
                    <h:inputHidden value="#{gestorFichas.currentFicha.codigo}"/>
                    <h:outputText value="" />
                    <h:outputText value="" />

                    
                        


                        <h:outputText value="Cedula:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="opcional"/>
                        <h:inputText id="Cedula" value="#{gestorFichas.currentFicha.cedula}"
                                     required="true" maxlength="30"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="23"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="Cedula" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        
                        
                         <h:outputText value="CodFamilia:" />
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                        <h:inputText id="CodFamilia" value="#{gestorFichas.currentFicha.codFamilia}"
                                     required="false" maxlength="30"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="23"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="CodFamilia" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        
                         
                        
                        <h:outputText value="Nombres:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="opcional"/>
                        <h:inputText id="Nombres" value="#{gestorFichas.currentFicha.nombres}"
                                     required="true" maxlength="60"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="30"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="Nombres" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        
                        <h:outputText value="Apellidos:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="opcional"/>
                        <h:inputText id="Apellidos" value="#{gestorFichas.currentFicha.apellidos}"
                                     required="true" maxlength="60"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="30"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="Apellidos" errorClass="mensaje_error"/>
                        </h:panelGroup>
                      
                        <h:outputText value="Fecha Nacimiento:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="opcional"/>
	                        <rich:calendar id="cldFechaNacimiento" value="#{gestorFichas.currentFicha.fNaci}" 
	                        		enableManualInput="false" immediate="true" >
	                            <a4j:support id="sptFechaNacimineto" event="onchanged" ajaxSingle="true"/>
	                        </rich:calendar>
                        <a4j:support event="onblur"/>
                        </h:panelGroup>
                        
                        <h:outputText value="Sexo:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="opcional"/>
	                       <h:selectOneMenu id="Sexo" value="#{gestorFichas.currentFicha.sexo}" >
	                        	<f:selectItem id="sliMasculino" itemValue="M" itemLabel="Masculino"/>
                                <f:selectItem id="sliFemenino" itemValue="F" itemLabel="Femenino"/>
	                        <a4j:support id="supFiltrosSexo" event="onchange" ajaxSingle="true"/>
	                    </h:selectOneMenu>
                        <a4j:support event="onblur"/>
                   
                        <rich:message for="Sexo" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        
                        <h:outputText value="Estado Civil:" />
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
	                       <h:selectOneMenu id="EstadoCivil" value="#{gestorFichas.currentFicha.civil}" >
	                        	<f:selectItem id="sliSoltero" itemValue="S" itemLabel="Soltero"/>
                                <f:selectItem id="sliCasado" itemValue="C" itemLabel="Casado"/>
                                <f:selectItem id="sliDovorciado" itemValue="D" itemLabel="Divorciado"/>
                                <f:selectItem id="sliViudo" itemValue="V" itemLabel="Viudo"/>
	                        <a4j:support id="supFiltrosCivil" event="onchange" ajaxSingle="true"/>
	                    </h:selectOneMenu>
                        <a4j:support event="onblur"/>
                   
                        <rich:message for="EstadoCivil" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        
                        
                        <h:outputText value="Nro Ficha IESS:" />
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                        <h:inputText id="NroFciha" value="#{gestorFichas.currentFicha.iess}"
                                     required="false" maxlength="15"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="20"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="NroFicha" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        
                        <h:outputText value="Ocupacion:" />
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                        <h:inputText id="Ocupacion" value="#{gestorFichas.currentFicha.ocupacion}"
                                     required="false" maxlength="60"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="30"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="Ocupacion" errorClass="mensaje_error"/>
                        </h:panelGroup>
                    
						<h:outputText value="Telefono:" />
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                        <h:inputText id="Telefono" value="#{gestorFichas.currentFicha.telefono}"
                                     required="false" maxlength="25"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="20"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="Telefono" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        
                        
                        <h:outputText value="Email:" />
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                        <h:inputText id="Email" value="#{gestorFichas.currentFicha.email}"
                                     required="false" maxlength="45"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="25"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="Email" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        
                        
                        
                        
        	</h:panelGrid>
        	<h:panelGrid id="pngBtnGrabar" columns="3" cellspacing="5px">
			<a4j:commandButton id="btnGrabar" value="Grabar" action="#{gestorFichas.grabar}"
                                                   title="Grabar o Modificar"/>
                        <a4j:commandButton id="btnRegresar" value="Regresar" action="fichas" immediate="true"
	                                           title="Regresa a la Pagina Localidades"/>
                        
	        </h:panelGrid>
                <h:panelGrid id="mensajitoRequerido">
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:outputText value="= El Campo es Requerido" styleClass="mensaje_AvisoRojo"  />
                        </h:panelGroup>
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                            <h:outputText value="= El Campo es Opcional" styleClass="mensaje_AvisoAzul"  />
                        </h:panelGroup>
                    </h:panelGrid>

        </rich:panel>

        
    </a4j:form>
</ui:composition>